<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org" th:with="title='首页',active='index'"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<!-- head 头部-->
<head th:replace="web/common/fragment::head(${title},'')"></head>
	<body>

		<div th:replace="web/layout/header::header(${active})"></div>
		<!--	main	-->
		<div class="fly-main">
			<!--	banner begin	-->
		  <div class="layui-row layui-col-space15">
		    <div class="fly-panel">
		    	<div class="fly-panel-main banner layui-clear">
		    		<div class="left">
		    			<div class="layui-carousel" id="supportResource">
						  <div carousel-item="">
						    <div><img src="https://img.jinsom.cn/set_files/2018/12/3.jpg"></div>
						    <div><img src="https://img.jinsom.cn/set_files/2018/12/3.jpg"></div>
						    <div><img src="https://img.jinsom.cn/set_files/2018/12/3.jpg"></div>
						    <div><img src="https://img.jinsom.cn/set_files/2018/12/3.jpg"></div>
						    <div><img src="https://img.jinsom.cn/set_files/2018/12/3.jpg"></div>
						    <div><img src="https://img.jinsom.cn/set_files/2018/12/3.jpg"></div>
						    <div><img src="https://img.jinsom.cn/set_files/2018/12/3.jpg"></div>
						  </div>
						</div>
		    		</div>
		    		<div class="center">
		    			 
						<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
						  <ul class="layui-tab-title">
						    <li class="layui-this">最新发布</li>
						    <li>最新回复</li>
						    <li>热门排行</li>
						    <li>精品帖子</li>
						  </ul>
						  <div class="layui-tab-content" style="height: 100px;">
						    <div class="layui-tab-item post layui-show">
						    	<li>
						    		<span class="type">[Java视频教程]</span>
						    		<a href="#">按方法撒发发送到关于浏览器中无法使用快捷前进与后退的问题</a>
						    		<span class="date">12-01</span>
						    	</li>
						    	<li>
						    		<span class="type">[Java视频教程]</span>
						    		<a href="#">关于浏览器中无法使用快捷前进与后退的问题</a>
						    		<span class="date">12-01</span>
						    	</li>
						    	<li>
						    		<span class="type">[Java视频教程]</span>
						    		<a href="#">关于浏览器中无法使用快捷前进与后退的问题</a>
						    		<span class="date">12-01</span>
						    	</li>
						    	<li>
						    		<span class="type">[Java视频教程]</span>
						    		<a href="#">关于浏览器中无法使用快捷前进与后退的问题</a>
						    		<span class="date">12-01</span>
						    	</li>
						    	<li>
						    		<span class="type">[Java视频教程]</span>
						    		<a href="#">关于浏览器中无法使用快捷前进与后退的问题</a>
						    		<span class="date">12-01</span>
						    	</li>
						    	<li>
						    		<span class="type">[Java视频教程]</span>
						    		<a>关于浏览器中无法使用快捷前进与后退的问题</a>
						    		<span class="date">12-01</span>
						    	</li>
						    	
						    </div>
						    <div class="layui-tab-item">内容2</div>
						    <div class="layui-tab-item">内容3</div>
						    <div class="layui-tab-item">内容4</div>
						  </div>
						</div> 
		    			
		    		</div>
		    		<div class="right">
		    			<div class="fly-panel-title"><strong>用户排名</strong></div>
		    			<div class="rank">
		    				<li>
		    					<span class="number1">1.</span>
		    					<img src="../assets/images/portal_user_img.png" /> 
		    					<a href="#">admin</a>
		    					<span class="rank-fenshu">132</span>
		    				</li>
		    				<li>
		    					<span class="number2">2.</span>
		    					<img src="../assets/images/portal_user_img.png" /> 
		    					<a href="#">admin</a>
		    					<span class="rank-fenshu">132</span>
		    				</li>
		    				<li>
		    					<span class="number3">3.</span>
		    					<img src="../assets/images/portal_user_img.png" /> 
		    					<a href="#">admin</a>
		    					<span class="rank-fenshu">132</span>
		    				</li>
		    				<li>
		    					<span class="number">4.</span>
		    					<img src="../assets/images/portal_user_img.png" /> 
		    					<a href="#">admin</a>
		    					<span class="rank-fenshu">132</span>
		    				</li>
		    				<li>
		    					<span class="number1">1.</span>
		    					<img src="../assets/images/portal_user_img.png" /> 
		    					<a href="#">admin</a>
		    					<span class="rank-fenshu">132</span>
		    				</li>
		    				<li>
		    					<span class="number1">1.</span>
		    					<img src="../assets/images/portal_user_img.png" /> 
		    					<a href="#">admin</a>
		    					<span class="rank-fenshu">132</span>
		    				</li>
		    				<li>
		    					<span class="number1">1.</span>
		    					<img src="../assets/images/portal_user_img.png" /> 
		    					<a href="#">admin</a>
		    					<span class="rank-fenshu">132</span>
		    				</li>
		    				<li>
		    					<span class="number">8.</span>
		    					<img src="../assets/images/portal_user_img.png" /> 
		    					<a href="#">admin</a>
		    					<span class="rank-fenshu">132</span>
		    				</li>
		    			</div>
		    		</div>
		    	</div>
		    </div>
		  </div>
		  <!--	banner end	-->
		  <!--	count begin	-->
		  <div th:replace="web/layoutbbs::count"></div>
		  <!--	count end	-->
		  <!--	lanmu begin	-->
		  <div class="layui-row clear layui-col-space15">
		  	<div class="fly-panel clear">
		  		<div class="fly-panel-title">
		  			栏目展示分类一
		  		</div>
		  		<div class="fly-panel-main clear lanmu-panel">
		  			<li>
						<a href="https://www.baidu.com" target="_blank">
							<div class="top clear">
								<div class="left">
									<img src="../assets/images/portal_user_img.png" class="avatar opacity"></div>	
									<div class="right">
										<div class="title">栏目板块标题</div>
										<div class="desc"><p>这个论坛仅用于测试，欢迎大家随便来留下自己的脚印，有什么需要的可以直接联系站长谢谢！</p>
									</div>
								</div>
							</div>	
						</a>
						<div class="bottom">
							<span>主题：<i>691</i></span>
							<span>帖子：<i>625</i></span>
							<a href="#" target="_blank">点击进入</a>
						</div>	
					</li>
		  			<li>
						<a href="https://www.baidu.com" target="_blank">
						<div class="top clear">
						<div class="left">
						<img src="../assets/images/portal_user_img.png" style="background-color: #f6f6f6;"></div>	
						<div class="right">
						<div class="title">栏目板块标题</div>
						<div class="desc"><p>这个论坛仅用于测试，欢迎大家随便来留下自己的脚印，有什么需要的可以直接联系站长！谢谢！</p>
						</div>
						</div>
						</div>	
						</a>
						<div class="bottom">
						<span>主题：<i>691</i></span>
						<span>帖子：<i>625</i></span>
						<a href="#" target="_blank">点击进入</a>
						</div>	
						</li>
		  			<li>
						<a href="https://www.baidu.com" target="_blank">
						<div class="top clear">
						<div class="left">
						<img src="../assets/images/portal_user_img.png" class="avatar opacity"></div>	
						<div class="right">
						<div class="title">栏目板块标题</div>
						<div class="desc"><p>这个论坛仅用于测试，欢迎大家随便来留下自己的脚印，有什么需要的可以直接联系站长！谢谢！</p>
						</div>
						</div>
						</div>	
						</a>
						<div class="bottom">
						<span>主题：<i>691</i></span>
						<span>帖子：<i>625</i></span>
						<a href="#" target="_blank">点击进入</a>
						</div>	
						</li>
		  			<li>
						<a href="https://www.baidu.com" target="_blank">
						<div class="top clear">
						<div class="left">
						<img src="../assets/images/portal_user_img.png" class="avatar opacity"></div>	
						<div class="right">
						<div class="title">栏目板块标题</div>
						<div class="desc"><p>这个论坛仅用于测试，欢迎大家随便来留下自己的脚印，有什么需要的可以直接联系站长</p>
						</div>
						</div>
						</div>	
						</a>
						<div class="bottom">
						<span>主题：<i>691</i></span>
						<span>帖子：<i>625</i></span>
						<a href="#" target="_blank">点击进入</a>
						</div>	
						</li>
		  		</div>
		  		<div class="fly-panel-title">
		  			栏目展示分类二
		  		</div>
		  		<div class="fly-panel-main">
		  			斯蒂芬撒
		  		</div>
		  	</div>
		  </div>
		  <!--	lanmu end	-->
		  <!--	friendLink begin	-->
		  <div th:replace="web/layout/common::friend-link"></div>
		  <!--	friendLink end	-->
		</div>
		<!--	contianer end	-->
<!--	底部版权		-->
<div th:replace="web/layout/footer::footer"></div>
<!--	搜索		-->
<div th:replace="web/layout/common::pop-search"></div>
<!--	右边工具栏	-->
<div th:replace="web/layout/common::right-bar"></div>
<!--	引入JS	-->
<div th:replace="web/common/fragment::js"></div>
<script type="text/javascript">
    /*<![CDATA[*/
	layui.use(['carousel','element'],function(){
		var carousel = layui.carousel;
		var element = layui.element;
		//图片轮播
	  carousel.render({
	    elem: '#supportResource'
	    ,width:'100%'
	    ,height: '280px'
	    ,interval: 5000
	    ,arrow: 'hover'
		,anim: 'fade'
	  });
	});
    /*]]>*/
</script>		
	</body>
</html>
